body {
    /*padding-top: 3.6rem;*/
    /*padding-bottom: 3rem;*/
    /*color: #5a5a5a;*/
    /*font-size: 14px;*/
    /*background-color: #fff;*/
    /*color: #444444;*/
    font-family: 'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;
}

.nav-tabs {
     border-bottom: 0px solid #dee2e6;
}

.nav-tabs .nav-link.active{
    border-top: 2px solid #3498db !important;
    border-right: 1px solid #3498db !important;
    border-left: 1px solid #3498db !important;
    background-color: #3498db;
}

.border-dotted {
    border: 1px dotted #dee2e6 !important;
}

.border-top-dotted {
    border-top: 1px dotted #dee2e6 !important;
}

.border-right-dotted {
    border-right: 1px dotted #dee2e6 !important;
}

.border-bottom-dotted {
    border-bottom: 1px dotted #dee2e6 !important;
}

.border-left-dotted {
    border-left: 1px dotted #dee2e6 !important;
}

.border-dashed {
    border: 1px dashed #dee2e6 !important;
}

.border-top-dashed {
    border-top: 1px dashed #dee2e6 !important;
}

.border-right-dashed {
    border-right: 1px dashed #dee2e6 !important;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #dee2e6 !important;
}

.border-left-dashed {
    border-left: 1px dashed #dee2e6 !important;
}

.img-scale {
    cursor:pointer;
    width:100%;
    overflow:hidden;
    position:relative;
}

.opacity-00 {
    filter:alpha(opacity=0);opacity:0.0;
}

.opacity-01 {
    filter:alpha(opacity=10);opacity:0.1;
}

.opacity-02 {
    filter:alpha(opacity=20);opacity:0.2;
}

.opacity-03 {
    filter:alpha(opacity=30);    /*ie*/
    opacity:0.3;
}

.opacity-04 {
    filter:alpha(opacity=40);    /*ie*/
    opacity:0.4;
}

.opacity-05 {
    filter:alpha(opacity=50);    /*ie*/
    opacity:0.5;
}

.opacity-06 {
    filter:alpha(opacity=60);    /*ie*/
    opacity:0.6;
}

.opacity-07 {
    filter:alpha(opacity=70);    /*ie*/
    opacity:0.7;
}

.opacity-08 {
    filter:alpha(opacity=80);    /*ie*/
    opacity:0.8;
}

.opacity-09 {
    filter:alpha(opacity=90);    /*ie*/
    opacity:0.9;
}

.opacity {
    filter:alpha(opacity=100);    /*ie*/
    opacity:1;
}

.page-section img {
    max-width: 100%;
    height: auto;
}

.page-section p {
    margin-bottom: 0px;
}

.content-section img {
    max-width: 100%;
    height: auto;
}

.card-columns2 .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns2 .card {
        display: inline-block;
        width: 100%;
    }
}

.card-columns4 .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns4 .card {
        display: inline-block;
        width: 100%;
    }
}

.card-columns5 .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns5 .card {
        display: inline-block;
        width: 100%;
    }
}

.card-columns6 .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns6 .card {
        display: inline-block;
        width: 100%;
    }
}

.list-tip {
    color: grey;
    font-weight: 500;
}

.content-detail {
    display: block;
    position: relative;
}

.content-detail img {
    max-width: 100%;
    height: auto;
}

.my-jumbotron {
    margin-bottom:0px;
    padding: 0px;
}

.form-required {
    color:red;
    font-size:24px;
    vertical-align:-20%;
    padding-right:4px
}

label.error,label.error{
    color:red;
    font-style:italic
}
div.error{display:none}
input.error{border:1px dotted red}
